<template>
  <div class="feature-course">
    <div class="feature-course-title">特色课程</div>
    <div class="feature-course-items">
       <img src="/img/college/course.png" alt="">
    </div>
  </div>
</template>

<script>

export default {
  name: 'featureCourse',
  data () {
      return{
        
      }
    
  },
  components: {
   
  }
}
</script>

<style lang="stylus" scoped>
.feature-course{
    background:rgba(255,255,255,1);
    box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);
    margin-bottom: 20px; 
}
.feature-course-title{
    box-sizing: border-box;
    font-size:16px;
    color:rgba(30,30,30,1);
    padding-left: 30px;
    line-height:58px;
    border-bottom: 1px solid rgba(238,238,238,1);
}
.feature-course-items{
    padding: 40px 30px;
    font-size: 0;    
}
.feature-course-item{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center;
    padding: 13px 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size:14px;
    font-family:MicrosoftYaHei;
    color:rgba(30,30,30,1);
    background:rgba(242,242,242,1);
}

</style>
